<extend name="Extends/base"/>
<block name="title">帮助中心</block>
<block name="css">
</block>
<block name="body_style">class="bgc-fff"</block>
<block name="body">
    <div class="c-main plr15">
        <div class="issue-cont">
            <h2>常见问题</h2>
            <ul class="issue-list">
                <volist name="list" id="vo">
                    <li class="{$i==1?'':'curr'}">
                        <div class="issue-title">{$i}. {$vo.title}？</div>
                        <p class="issue-answer {$i==1?'':' c-hide'}">
                            {$vo.ask}
                        </p>
                    </li>
                </volist>
            </ul>
        </div>
        <div class="staff plr15">
            <a href="javascript:;" class="online-btn staff-btn">人工客服</a>
        </div>
    </div>

    <!-- S 遮罩 -->
    <div class="maskr c-hide"></div>
    <!-- S 客服微信二维码 -->
    <div class="xq-pop plr30 c-hide">
        <div class="help-code">
            <div class="help-cont">
                <div class="help-cont-img">
                    <img src="{$online.photo}">
                </div>
                <div class="help-cont-info">
                    <p class="help-info-name">{$online.name}</p>
                    <p class="help-info-address">{$online.remark}</p>
                </div>
            </div>
            <div class="help-qrcode">
                <img src="{$online.qr}">
            </div>
            <p class="help-txt">请加客服微信咨询问题</p>
            <i class="xq-close"></i>
        </div>
    </div>


</block>
<block name="js">
    <script type="text/javascript">
        $('.issue-cont').on('click', '.issue-title', function () {
            $(this).siblings().slideToggle(200)
                .parent().toggleClass('curr')
                .siblings().removeClass('curr')
                .find('.issue-answer').slideUp(200);
        });
        $('.online-btn').on('click',function(){
            $('.maskr,.xq-pop').show();
        });
        $('.xq-close,.maskr').on('click',function(){
            $('.maskr,.xq-pop').hide();
        });
    </script>
</block>